<?php
@session_start();
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="css/style.css" type="text/css" rel="stylesheet"/>
        <link href="css/login.css" type="text/css" rel="stylesheet"/>
        <script type="text/javascript" charset="utf-8" src="jquery/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="jquery/jquery.validate.js"></script>
        <link rel="stylesheet" href="jquery-ui-1.10.4/jquery-ui-1.10.4/themes/base/jquery.ui.all.css">
        <script src="jquery-ui-1.10.4/jquery-ui-1.10.4/jquery-1.10.2.js"></script>
        <script src="jquery-ui-1.10.4/jquery-ui-1.10.4/ui/jquery.ui.core.js"></script>
        <script src="jquery-ui-1.10.4/jquery-ui-1.10.4/ui/jquery.ui.widget.js"></script>
        <script src="jquery-ui-1.10.4/jquery-ui-1.10.4/ui/jquery.ui.datepicker.js"></script>
        <link rel="stylesheet" href="jquery-ui-1.10.4/jquery-ui-1.10.4/demos/demos.css">
        <script>
            $j = jQuery.noConflict();
            $j(function() {
                $j( "#datepicker" ).datepicker({
                    changeMonth: true,
                    changeYear: true
                });
            });
        </script>
        <script type="text/javascript">
            $(document).ready(function()    {
                $('#login').validate();
                $('#register').validate();
            });

        </script>
        <title></title>
    </head>
    <body>
        <div id="wrapper">
            <?php include 'template/header.php' ?>
            <div id="main">
                <div id="top">
                    <div id ="box-login">
                        <fieldset class="login" >
                            <legend>Thông tin đăng nhập</legend>
                            <form action="process_login.php" method="post" id="login">
                                <?php
                                if (isset($_SESSION['ok']) && ($_SESSION['email']) && ($_SESSION['pass'])) {
                                    //nếu tồn tại session['ok'] và session email và session pass tức là người dùng nhập sai email hoặc pass
                                    if ($_SESSION['ok'] == 1) {//Session ok bằng 1 thì tức là sai pass
                                        echo " <span class='error'>Mật khẩu hoặc email sai. Mời bạn nhập lại</span>";
                                        //Ta báo cho người dùng và xóa session ok đi
                                        unset($_SESSION['ok']);
                                    } elseif ($_SESSION['ok'] == 2) {
                                        //Nếu session ok bằng 2 tức là sai emai ta cũng thông báo và xóa session ok đi
                                        echo " <span class='error'>Mật khẩu hoặc email sai. Mời bạn nhập lại</span>";
                                        unset($_SESSION['ok']);
                                        //Sau đó ta hiện lên form và giữ nguyên value của input email và pass bằng session email và session pass
                                    }
                                    ?>
                                    <label><strong>Email:<span>(*)</span></strong></label>
                                    <input type="text" size="50" name="email" id="email" class="required email" value="<?php echo $_SESSION['email'] ?>"/>
                                    </br>
                                    <label ><strong>Mật khẩu:<span>(*)</span></strong></label>
                                    <input type="password" size="50" name="pass" id="pass" class="required" minlength="6" value="<?php echo $_SESSION['pass'] ?>"/>
                                    </br>
                                    <?php
                                } else {//Nếu ko tồn tại 3 session trên tức là chưa đăng nhập thì ta hiện lên textbox bình thường
                                    ?>
                                    <label><strong>Email:<span>(*)</span></strong></label>
                                    <input type="text" size="50" name="email" id="email" class="required email"/></br>
                                    <label ><strong>Mật khẩu:<span>(*)</span></strong></label>
                                    <input type="password" size="50" name="pass" id="pass" class="required" minlength="6"/></br>
                                    <?php
                                }
                                ?>
                                <input type="submit" value="Đăng nhập" name="login"/><br>
                            </form>
                            <button id="create-user" style="width:120px; height: 25px; font-family: arial; font-size: 12px; font-weight: bold;">Quên mật khẩu</button>
                        </fieldset><!----END #login--->
                        <fieldset class="register" >
                            <?php
// Validate form register with PHP
                            require 'Connect_db.php';
                            global $conn;
                            Connect_db();
                            if (isset($_POST['register'])) {
                                //Nếu tồn tại nút submit có tên register
                                $result = checkEmail($_POST['email']);
                                //$result là kết quả trả về của hàm checkemail là true hoặc false
                                if ($_POST['pass'] != $_POST['repass']) {//Kiểm tra nhập pass và nhập lại pass nếu ko bằng nhau thì thông báo
                                    ?>
                                    <span class="error">Mật khẩu nhập lại sai</span><br>
                                    <?php
                                } elseif ($result) {//Nếu hàm checkemail trả về true tức là đã tồn tại email trong csdl, báo cho người dùng email đã tồn tại
                                    ?>
                                    <span class="error">Email đã tồn tại, Mời bạn nhập email khác</span><br>
                                    
                                    <?php
                                } else {
                                    $ten = $_POST['name'];
                                    $dateBirth = $_POST['dateBirth'];
                                    $gender = $_POST['gender'];
                                    $mail = $_POST['email'];
                                    $mk = $_POST['pass'];
                                    $address = $_POST['address'];
                                    $city = $_POST['city'];
                                    $phone = $_POST['phone'];
                                    //đặt các biến bằng giá trị của các textbox
                                    $kq = InsertUser($ten, $dateBirth, $gender, $mail, $mk, $address, $city, $phone);
                                    //chèn 1 khách hàng vào cơ sở dữ liệu qua hàm insert user
                                    if ($kq){//Nếu $kq bằng true tức là chèn thành công 
                                        ?>
                                        <span class="error">Bạn đăng ký tài khoản thành công</span>
                                        <?php
                                    } else {//Nếu không thi
                                        ?>
                                        <span class="error">Bạn đăng ký tài khoản không thành công</span>
                                        <?php
                                    }
                                }
                                ?>
                                <legend>Thông tin đăng ký</legend>
                                <form action="login-register.php" method="post" id="register">
                                    <label><strong>Họ tên:<span>(*)</span></strong></label>
                                    <input type="text" size="50" name="name" id="name" class="required" minlength="6" value="<?php echo $_POST['name'] ?>"/>
                                           <br>
                                           <label><strong>Ngày sinh:<span>(*)</span></strong></label>
                                           <input type="text" name="dateBirth" id="datepicker" class="required date" value="<?php echo $_POST['dateBirth'] ?>" />
                                           <br>
                                    <label><strong>Giới tính:<span>(*)</span></strong></label>
                                    <input type="radio" name="gender" id="gender" value="Nam" checked="checked">Nam 
                                    <input type="radio" name="gender" id="gender" value="Nữ">Nữ
                                    <label ><strong>Email:<span>(*)</span></strong></label>
                                    <input type="text" size="50" name="email" id="email" class="required email" value="<?php echo $_POST['email'] ?>" />
                                    <br>
                                    <label ><strong>Mật khẩu:<span>(*)</span></strong></label>
                                    <input type="password" size="50" name="pass" id="pass" class="required" minlength="6" value="<?php echo $_POST['pass'] ?>"/>
                                    <br>
                                    <label ><strong>Nhắc lại mật khẩu:<span>(*)</span></strong></label>
                                    <input type="password" size="50" name="repass" id="repass" class="required" minlength="6" value="<?php echo $_POST['repass'] ?>"/>
                                    <br>
                                    <label><strong>Địa chỉ:<span>(*)</span></strong></label>
                                    <input type="text" size="50" name="address" id="address" class="required" value="<?php echo $_POST['address'] ?>"/>
                                    <br>
                                    <label><strong>Thành phố:<span>(*)</span></strong></label>
                                    <select name="city" id="city">
                                        <?php
                                        $city = getCity();
                                        foreach ($city as $key => $value) {
                                            ?>
                                            <option value="<?php echo $value['city_id'] ?>"><?php echo $value['city_name'] ?></option>
                                            <?php
                                        }
                                        ?>
                                    </select>
                                    <label><strong>Điện thoại:<span>(*)</span></strong></label>
                                    <input type="text" size="50" name="phone" id="phone" class="required number" minlength="10" value="<?php echo $_POST['phone'] ?>"/>
                                    <br>
                                    <img src="captcha.php" id="captcha" alt="captcha"/><br>
                                    <label ><strong>Chống spam</strong><span>(*)</span></label>
                                    <input type="text" id="security_code" name="security_code" autocomplete="off" class="required" value="<?php echo $_POST['security_code'] ?>"/>
                                    <br>
                                    <input type="submit" value="Đăng ký" name="register"/>
                                </form>
                                <?php
                            } else {
                                ?>
                                <legend>Thông tin đăng ký</legend>
                                <form action="login-register.php" method="post" id="register">
                                    <label><strong>Họ tên:<span>(*)</span></strong></label>
                                    <input type="text" size="50" name="name" id="name" class="required" minlength="6" />
                                           <br>
                                           <label><strong>Ngày sinh:<span>(*)</span></strong></label>
                                           <input type="text" name="dateBirth" id="datepicker" class="required date"/>
                                           <br>
                                    <label><strong>Giới tính:<span>(*)</span></strong></label>
                                    <input type="radio" name="gender" id="gender" value="Nam">Nam 
                                    <input type="radio" name="gender" id="gender" value="Nữ">Nữ
                                    <label ><strong>Email:<span>(*)</span></strong></label>
                                    <input type="text" size="50" name="email" id="email" class="required email"/>
                                    <br>
                                    <label ><strong>Mật khẩu:<span>(*)</span></strong></label>
                                    <input type="password" size="50" name="pass" id="pass" class="required" minlength="6"/>
                                    <br>
                                    <label ><strong>Nhắc lại mật khẩu:<span>(*)</span></strong></label>
                                    <input type="password" size="50" name="repass" id="repass" class="required" minlength="6"/>
                                    <br>
                                    <label><strong>Địa chỉ:<span>(*)</span></strong></label>
                                    <input type="text" size="50" name="address" id="address" class="required"/>
                                    <br>
                                    <label><strong>Thành phố:<span>(*)</span></strong></label>
                                    <select name="city" id="city">
                                        <?php
                                        $city = getCity();
                                        foreach ($city as $key => $value) {
                                            ?>
                                            <option value="<?php echo $value['city_id'] ?>"><?php echo $value['city_name'] ?></option>
                                            <?php
                                        }
                                        ?>
                                    </select><br>
                                    <label><strong>Điện thoại:<span>(*)</span></strong></label>
                                    <input type="text" size="50" name="phone" id="phone" class="required number" minlength="10"/>
                                    <br>
                                    <img src="captcha.php" id="captcha" alt="captcha"/><br>
                                    <label ><strong>Chống spam</strong><span>(*)</span></label>
                                    <input type="text" id="security_code" name="security_code" autocomplete="off" class="required"/>
                                    <br>
                                    <input type="submit" value="Đăng ký" name="register"/>
                                </form>
                                <?php
                            }
                            ?>
                        </fieldset>
                    </div><!----END #box-login---->
                    <div class="information">
                        <h3 style="text-align: center;">  Thông tin chi tiết</h3>
                        <p>Trên trang này bạn có thể sửa đổi các thông tin đăng nhập và dữ liệu cá nhân được sử dụng trong suốt quá trình mua hàng.<br><br>
                            Để đảm bảo cho thông tin tài khoản được an toàn, chúng tôi khuyên bạn không nên đặt mật khẩu với những cách sau đây:<br><br>
                        <ul style="margin-left: 20px;">
                            <li>Sử dụng các từ trong từ điển.</li>
                            <li>Viết ngược, viết sai lỗi chính tả và viết tắt.</li>
                            <li>  Dùng các chữ số và ký tự theo thứ tự hoặc lặp đi lặp lại. Ví dụ: 12345678, 222222, abcdefg, hoặc chữ cái liền kề trên bàn phím của bạn.</li>
                            <li> Sử dụng thông tin cá nhậ như: tên, ngày sinh, giấy phép lái xe, số hộ chiếu hoặc các thông tin tương tự.</li>
                        </ul>
                        </p>
                    </div>
                </div>
                <div id="promotion">
                    <div id="products">
                        <div class="paging">
                            <div class="first">
                                <h2>THỜI TRANG BÁN CHẠY NHẤT</h2>
                            </div>
                        </div><!---END #paging--->

                        <?php
                        $product_best = productBestBuy();
                        foreach ($product_best as $key => $value) {
                        ?>
                        <div class="product">
                            <div class="product-img"><a href="product-detail.php?pro_id=<?php echo $value['id']?>"><img src="<?php echo $value['pro_img']; ?>" alt="sp1"/></a></div>
                            <div class="product-name"><a href="product-detail.php?pro_id=<?php echo $value['id']?>"><?php echo $value['pro_name'] ?></a></div>
                            <div class="product-id"><p>Mã số:<?php echo $value['id'] ?></p></div>
                            <div class="product-price-old"><strike>Giá cũ: <?php echo number_format($value['pro_price_old']) ?>đ</strike></div>
                            <div class="product-price"><span>Giá mới: <?php echo number_format($value['pro_price'])?>đ</span></div>
                        </div><!---END .product-->
                        <?php
                        }
                        ?>

                    </div><!---END #products--->
                </div>
            </div><!---END #content--->
            <?php include 'template/footer.php' ?>
        </div><!----END #wrapper--->
    </body>
</html>